<template>
  <div class="box">
    <div class="box1"><span>警情单号:</span> <el-input
    placeholder="请输入....."
    v-model="dan"
    clearable>
    </el-input></div> 
    <div class="box1"><span>警情标题:</span><el-input
    placeholder="请输入....."
    v-model="biao"
    clearable>
    </el-input></div> 
   <div class="box1"><span>报警类型:</span><el-input
    placeholder="请输入....."
    v-model="lei"
    clearable>
    </el-input></div> 
     <div class="box1"><span>报警人:</span><el-input
    placeholder="请输入....."
    v-model="keyword"
    clearable>
    </el-input></div>
     <div class="box1"><span>报警日期:</span><el-input
    placeholder="请输入....."
   v-model="tian"
    clearable>
    </el-input></div>
    <el-button type="primary"  @click="srarchheader">搜索</el-button>
  </div>
</template>


<script>
  export default {
    data() {
      return {
        biao: '',
        keyword:'',
        dan:'',
        lei:'',
        ren:'',
        tian:'',
      }
    },
    methods:{
      srarchheader(){
        this.$emit('parentsearch',this.keyword)
      }
    }
  }
</script>

<style lang="less">
  .box{
    display: flex;
    flex-wrap: wrap;
    .box1{
        width: 30%;
       display: flex;
        span{
            width: 100px;
            margin-top: 8px;
        }
        .el-input__inner{
            // height: 40px;
            // width: 270px;
            margin-top: 5px;
            margin-bottom: 10px;
        }
    }
    .el-button{
        width: 100px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
    }
    
  }
</style>